<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>标题页</title>
    <style type="text/css">
        img.wp-smiley,
        img.emoji {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }
    </style>
    <link rel='stylesheet' id='lean-toolkit-css'  href='../css/toolkit.css' type='text/css' media='all' />
    <link rel='stylesheet' id='lean-font-awesome-css'  href='../css/font-awesome.min.css' type='text/css' media='all' />
    <style type="text/css" id="custom-background-css">
        body.custom-background { background-color: #f8f9fa; }
    </style>
    <link rel="icon" href="http://assets.qingzhuti.com/wp-content/uploads/2017/07/cropped-fx-32x32.png" sizes="32x32" />
    <link rel="icon" href="http://assets.qingzhuti.com/wp-content/uploads/2017/07/cropped-fx-192x192.png" sizes="192x192" />
    <link rel="apple-touch-icon-precomposed" href="http://assets.qingzhuti.com/wp-content/uploads/2017/07/cropped-fx-180x180.png" />
    <meta name="msapplication-TileImage" content="http://assets.qingzhuti.com/wp-content/uploads/2017/07/cropped-fx-270x270.png" />
</head>
<body class="home blog custom-background" >
<header class="header">
    <nav class="navbar navbar-expand-lg navbar-shadow navbar-dark bg-primary fixed-top" id="primary-navbar" role="navigation">
        <div class="container">
            <a class="navbar-brand" href="#" title="博客" rel="home">博客</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div id="navbarNavDropdown" class="collapse navbar-collapse">
                <div class="mr-auto">
                    <ul id="main-nav" class="navbar-nav mr-auto">
                        <li class="nav-item active"><a title="首页" href="#" class="nav-link">首页</a></li>
                        <li class="nav-item"><a title="WordPress" href="##wordpress" class="nav-link">WordPress</a></li>
                        <li class="nav-item"><a title="运营" href="##growth" class="nav-link">运营</a></li>
                        <li class="nav-item"><a title="状态" href="#type/status" class="nav-link">状态</a></li>
                        <li class="nav-item"><a title="链接" href="#type/link" class="nav-link">链接</a></li>
                        <li class="nav-item"><a title="关于" href="#about" class="nav-link">关于</a></li>
                        <li class="nav-item"><a title="留言板" href="#contact" class="nav-link">留言板</a></li>
                        <li class="nav-item dropdown dropdown"><a title="更多" href="#" data-toggle="dropdown" class="nav-link dropdown-toggle" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li class="nav-item"><a title="标签云" href="#tag" class="nav-link">标签云</a></li>
                                <li class="nav-item"><a title="知识管理" href="##knowledge-management" class="nav-link">知识管理</a></li>
                                <li class="nav-item"><a title="日常随笔" href="##essay" class="nav-link">日常随笔</a></li>
                                <li class="nav-item"><a title="没地方可放的" href="##uncategorized" class="nav-link">没地方可放的</a></li>
                                <li class="nav-item"><a title="主题" href="#theme" class="nav-link">主题</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <form class="form-inline" role="search" method="get" id="searchform" action="###">
                    <input class="form-control mr-sm-2" type="text" placeholder="搜索..." aria-label="搜索" name="s">
                </form>
            </div>

        </div>
    </nav>
</header><!-- ./header -->

<main class="site-content">
    <div class="container mt-4">
        <div class="row">
            <div class="col-lg-8">
                <div class="main-content">
                    <div class="posts">
                        <div class="card card-shadow">
                            <div class="card-body">
                                <h2 class="card-title h5 text-link-color line-clamp-2 text-overflow-ellipsis"><a href="##" rel="bookmark">Writing-v0.8更新日志</a></h2>
                                <p class="card-text hidden-sm-down">
                                    本次升级主要是列表增加大图样式，顺便更新了Bootstrap，配色和布局有一些微调。
                                </p>
                                <p class="card-text text-link-color-muted">
                                    <small>
                                        <span class="post-time">2017年8月2日</span>&nbsp;&bull;&nbsp;<a href="##changelog" rel="category tag">更新日志</a><span class="ml-3 comments-link hidden-sm-down"><a href="###comments"><span class="screen-reader-text">Writing-v0.8更新日志</span>有2条评论</a></span>				</small>
                                </p>

                            </div>
                        </div>

                        <div class="card card-shadow">
                            <div class="card-body">

                                <h2 class="card-title h5 text-link-color line-clamp-2 text-overflow-ellipsis"><a href="##42" rel="bookmark">很喜欢的一张的图片：瀑布，让我想起了在玉龙雪山的蓝月谷</a></h2>
                                <div class="entry-meta text-link-color-muted mb-3">
                                    <small><span class="post-time">2017年7月12日</span>&nbsp;&bull;&nbsp;<a href="##essay" rel="category tag">日常随笔</a></small>
                                </div>

                                <a href="##42" class="card-img entry-img">
                                    <img width="1920" height="600" src="http://assets.qingzhuti.com/wp-content/uploads/2017/05/waterfall-2187852-e1495272082668.jpg" class="card-img img-fluid wp-post-image" alt="瀑布" srcset="http://assets.qingzhuti.com/wp-content/uploads/2017/05/waterfall-2187852-e1495272082668.jpg 1920w, http://assets.qingzhuti.com/wp-content/uploads/2017/05/waterfall-2187852-e1495272082668-300x94.jpg 300w, http://assets.qingzhuti.com/wp-content/uploads/2017/05/waterfall-2187852-e1495272082668-768x240.jpg 768w, http://assets.qingzhuti.com/wp-content/uploads/2017/05/waterfall-2187852-e1495272082668-1024x320.jpg 1024w" sizes="(max-width: 1920px) 100vw, 1920px" />		</a>

                                <p class="card-text line-clamp-2 text-overflow-ellipsis mt-3 hidden-sm-down">
                                    忽然觉得很有必要把过去的照片整理出来做一下记录，以充分利用新增列表样式：大图。			</p>

                                <p class="card-text text-link-color-muted mt-3">
                                    <small class="d-flex justify-content-between">
                                        <span><a href="##42">阅读全文</a></span>
                                        <span class="comments-link"><a href="##42#comments"><span class="screen-reader-text">很喜欢的一张的图片：瀑布，让我想起了在玉龙雪山的蓝月谷</span>有2条评论</a></span>		</small>
                                </p>
                            </div>
                        </div>


                        <div class="card card-shadow">
                            <div class="card-body">
                                <div class="row">

                                    <div class="col-4">
                                        <a class="entry-img" href="###">
                                            <img width="300" height="169" src="http://assets.qingzhuti.com/wp-content/uploads/2017/06/stylecss-300x169.jpg" class="img-fluid wp-post-image" alt="" srcset="http://assets.qingzhuti.com/wp-content/uploads/2017/06/stylecss-300x169.jpg 300w, http://assets.qingzhuti.com/wp-content/uploads/2017/06/stylecss-768x432.jpg 768w, http://assets.qingzhuti.com/wp-content/uploads/2017/06/stylecss.jpg 800w" sizes="(max-width: 300px) 100vw, 300px" />					</a>
                                    </div>

                                    <div class="col-8">
                                        <h2 class="card-title h5 text-link-color line-clamp-2 text-overflow-ellipsis mb-3"><a href="###" rel="bookmark">开始创建主题：主样式表（style.css）</a></h2>
                                        <p class="card-text mt-3 hidden-sm-down">
                                            所有主题都包含style.css文件，它控制着主题呈现出来的样子（视觉设计和布局）。 位置...					</p>

                                        <p class="card-text text-link-color-muted">
                                            <small>
                                                <span class="post-time">2017年6月14日</span>&nbsp;&bull;&nbsp;<a href="##wordpress" rel="category tag">WordPress</a><span class="ml-3 comments-link hidden-sm-down"><a href="####respond">去抢首评</a></span>		 				</small>
                                        </p>

                                    </div>
                                </div><!-- ./row -->

                            </div>
                        </div>
                    </div>
                    <div class="pagination">
                        <nav aria-label="Page navigation"><ul class="pagination ">
                            <li  class="active page-item"><a href="##" class="page-link">1</a></li>
                            <li  class="page-item"><a href="###2" class="page-link">2</a></li>
                            <li  class="page-item"><a href="###3" class="page-link">3</a></li>
                            <li class="page-item"><span class="page-link"><a href="###2" ><span aria-hidden="true">&raquo;</span><span class="sr-only">Next page</span></a></span></li>
                        </ul></nav>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 hidden-md-down">
                <div class="sidebar">
                    <aside class="widget card-shadow widget_text">
                        <h4 class="widget-header h6">WordPress主题：Writing</h4>

                        <div class="textwidget"><p>特色：<span class="badge badge-primary mr-2">自适应</span><span
                                class="badge badge-warning mr-2">博客</span><span class="badge badge-info">主题选项</span></p>

                            <p>本博客主题免费下载：</p>

                            <p><a class="btn btn-warning btn-sm"
                                  href="#theme/writing?utm_source=site&amp;utm_medium=siebar">去下载</a>
                                v0.8.0</p>

                            <p>QQ群：189678769</p>
                        </div>
                    </aside>
                    <aside class="widget card-shadow d_tag"><h4 class="widget-header h6">热门标签</h4>

                        <div class="hot-tags">
                            <a href="###" class="btn btn-light btn-sm">如何写博客</a>
                        </div>
                    </aside>
                    <aside class="widget card-shadow widget_lean_posts">
                        <h4 class="widget-header h6">最近文章</h4>

                        <ul class="list-unstyled">
                            <li>
                                <a href="##" rel="bookmark" title="Writing-v0.8更新日志">Writing-v0.8更新日志</a>
                            </li>
                            <!--./li-->
                            <li>
                                <a href="##" rel="bookmark" title="Writing-v0.8更新日志">Writing-v0.8更新日志</a>
                            </li>
                            <!--./li-->
                            <li>
                                <a href="##" rel="bookmark" title="Writing-v0.8更新日志">Writing-v0.8更新日志</a>
                            </li>
                            <!--./li-->
                            <li>
                                <a href="##" rel="bookmark" title="Writing-v0.8更新日志">Writing-v0.8更新日志</a>
                            </li>
                            <!--./li-->
                            <li>
                                <a href="##" rel="bookmark" title="Writing-v0.8更新日志">Writing-v0.8更新日志</a>
                            </li>
                            <!--./li-->

                        </ul>
                        <!--./ul-->

                    </aside>
                    <aside class="widget card-shadow widget_nav_menu"><h4 class="widget-header h6">友情链接</h4>

                        <div>
                            <ul class="menu">
                                <li><a href="###">一个女产品经理的博客</a></li>
                            </ul>
                        </div>
                    </aside>
                </div>
            </div>
        </div><!--/.row-->
    </div>
</main>

<!-- 复用的底部 -->
<footer class="footer mt-3">
    <div class="container">
        <p class="copyright mb-0">&copy; 2012-2017 <a href="#" title="博客">博客</a>
            .<a href="###" rel="external nofollow" target="_blank">京ICP备13034327号-1</a>
            .Design by <a href="#" target="_blank">qingzhuti.com</a>.</p>
    </div>
</footer>

<script type='text/javascript' src='../js/jquery.js'></script>
<script type='text/javascript' src='../js/popper.js'></script>
<script type='text/javascript' src='../js/tether.js'></script>
<script type='text/javascript' src='../js/bootstrap.min.js'></script>
</body>
</html>
